<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	template="web/templates/ui.xhtml">

	<ui:define name="title">
		<h:outputText value="Inicio" />
	</ui:define>
	<ui:define name="sidebar">
		<div class="widget">
			<div class="title">
				<div class="inner">
					<h3>
						<h:outputText value="Menú" />
					</h3>
				</div>
			</div>
			
			<!-- MENU PERFIL ADMINISTADOR -->
			<ui:include src="menu.xhtml" />
			
		</div>
	</ui:define>
	<ui:define name="content">
<!-- 	<c:if test="${loginService.usuario.perfilId == 1 || loginService.usuario.perfilId == 2 || loginService.usuario.perfilId == 4}"> -->
		<div class="page-header">
			<h3>
				<h:outputText value="Panel de Control" />
			</h3>
		</div>
		<div class="subTitle">
					<ol class="breadcrumb">
						<li><a href="#"><span class="glyphicon glyphicon-home"></span></a></li>
						<li class="active">Panel de Control</li>
					</ol>
		</div>
		<h:form>
		<p:panel>
			<p:growl id="growl" sticky="true" showDetail="true" />
			
			<div class="row">
							<div class="col-sm-6 form-group">
								<p:outputLabel for="cboCensos" value="Censos" />
									<h:selectOneMenu id="cboCensos">
										<f:selectItem itemLabel="Seleccionar" itemValue=""
										noSelectionOption="true" />
									<f:selectItem itemLabel="Lima" itemValue="1" />
								</h:selectOneMenu>
							</div>
							<div class="col-sm-6 form-group">
								<p:outputLabel for="cboEntidad" value="Entidad" />
									<h:selectOneMenu id="cboEntidad">
										<f:selectItem itemLabel="Seleccionar" itemValue=""
										noSelectionOption="true" />
									<f:selectItem itemLabel="Lima" itemValue="1" />
								</h:selectOneMenu>
							</div>
						</div>
			
			<p:progressBar widgetVar="pbAjax" ajax="true" value="0"
				labelTemplate="{value}%" styleClass="animated" global="false">
				<p:ajax event="complete" listener="#{progressBarView.onComplete}"
				update="growl" oncomplete="startButton2.enable()" />
			</p:progressBar>
			<hr />
			<div class="row">				
			
				<div class="col-sm-6 form-group">
					<p:chart type="bar" model="#{reporteService.barModel}" style="height:100%"/>	
				</div>		
							
				<div class="col-sm-6 form-group">
						<p:chart type="pie" model="#{reporteService.pieModel}" style="width:400px;height:100%" />
				</div>
			</div>
		
		</p:panel>
		</h:form>
<!-- 		</c:if> -->
	</ui:define>
	<ui:define name="script">
	</ui:define>
</ui:composition>